<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hw3</title>
<style>
	.c1 {
		font-size: 30px;
		color: yellow;
	}

	#p2 {
		color: blue;
	}
	
	.c1, #p3 {
		color: red
	}
	
	#p3 b {
		font-size: 20px
	}
	
	#p3>b {
		font-size: 40px
	}
	a:link{
		color:green;
	}
	a:visited{
		color:red;
	}
	
	img:hover{
		width:300px;
		height:300px;
	}
	
	#b1:active{
		background-color:yellow;
	}
	
	#t1:focus{
		background-color:green;
	}
	
</style>

</head>
<body>
	<p class="c1">独立寒秋</p>
	<p id="p2">湘江北去</p>
	<p>橘子洲头</p>
	<p class="c1">看万山红遍</p>
	<p id="p2">层林尽染</p>
	<p id="p3">
		漫江<b>碧透</b>，摆个争流，鱼翔浅底，
		 <u>万类<b>霜天</b>竞自由</u>
	</p>

	<p>
		<a href="http://www.tmooc.cn" target="_blank">达内</a> 
		<a href="http://doc.tedu.cn">文档</a>
		<a href="http://www.baidu.com">百度</a> 
		<a href="http://www.google.com">谷歌</a>
	</p>

	
	<p>
		<img src="../images/02.jpg"/>
		<img src="../images/03.jpg"/>
		<img src="../images/04.jpg"/>
	</p>
	
	<p>
		<input type="button" value="按钮" id="b1"/>
	</p>
	
	<p>
		<input type="text" id="t1"/>
	</p>
	
	
	

</body>
</html>